/*home*/
$Win-border-color:#dfdfdf;
.squareHome {
  width: 1180px;
  height: auto;
  margin:20px auto 0;
  overflow: hidden;
}
.squareHome .mainCont {
  width: 884px;
  height: auto;
  background: #fff;
  border: 1px solid $Win-border-color;
}
.squareHome .mainCont .title {
  width: 100%;
  height: 50px;
  margin:0 auto;
  background-color:#fafafa;
}
.squareHome .mainCont .title .nav-pills>li>a {
  border-radius: 0;
  height: 50px;
  line-height: 56px;
  padding:0 10px;
  margin:0 10px;
  font-size:16px;
  color: #7b7b7b;
}
.squareHome .mainCont .title .nav-pills>li.active>a, .squareHome .mainCont .title .nav-pills>li.active>a:focus, .squareHome .mainCont .title .nav-pills>li.active>a:hover {
  background: none;
  border-bottom:2px solid $likey;
  color: #333333;
}
.squareHome .mainCont .title .nav-pills>li>a:hover {
  background: none;
  border-bottom:2px solid $likey;
  color: #333333;
}
.squareHome .mainCont .title .nav .open>a, .squareHome .mainCont .title .nav .open>a:focus, .squareHome .mainCont .title .nav .open>a:hover {
  background: none;
  border-bottom:2px solid $likey;
  color: #333333;
}
.squareHome .itemList {
  width: 100%;
  height: auto;
  margin:0 auto;
  overflow: hidden;
}
.squareHome .itemList .item {
  width: 100%;
  height: 76px;
  border-top:1px solid #f3f6f7;
  overflow: hidden;
}
.squareHome .itemList .item .headImg {
  width: 46px;
  height: 46px;
  border-radius: 5%;
  float: left;
  margin:14px 12px 0 20px;
}
.squareHome .itemList .item .word {
  float: left;
  width: 700px;
  margin-top:10px;
}
.squareHome .itemList .item .word > a {
  width: 100%;
  height: 28px;
  line-height: 30px;
  float: left;
  font-size:15px;
  color: #111;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.squareHome .itemList .item .word a i {
  color: #770000;
  padding-right:5px ;
}
.squareHome .itemList .item .word a var {
  color: #ff9400;
  padding-left:10px;
}
.squareHome .itemList .item .word .litInfo {
  width: 100%;
  line-height: 24px;
  overflow: hidden;
}
.squareHome .itemList .item .word .litInfo p {
  font-size:12px;
  color: #888;
  margin-right:20px;
  float: left;
}
.squareHome .itemList .item span {
  float: right;
  width: 80px;
  text-align: center;
  line-height: 20px;
  color: #999;
  margin-top:18px;
}
.squareHome .itemList .item span b {
  font-size:16px;
}
.squareHome .more {
  width: 100%;
  height: 80px;
  line-height: 56px;
  text-align: center;
  background: #fff;
  border-top: 1px solid $Win-border-color;
}
.squareHome .more a {
  color: #8c9eca;
}
.squareHome .classify {
  width: 284px;
  height: auto;
  overflow: hidden;
}
.squareHome .classify .releasePost {
  width: 100%;
  height: auto;
  margin:0 auto;
  padding:15px;
  background: #fff;
  border: 1px solid $Win-border-color;

}
.squareHome .classify .releasePost a {
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: block;
  background: #4490f7;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.squareHome .classify .releasePost a:hover {
  background: #5499f6;
}
.squareHome .classify .plate {
  width: 100%;
  height: auto;
  margin:10px auto 0;
  background: #fff;
  border: 1px solid $Win-border-color;
}
.squareHome .classify .plate .tit {
  width: 100%;
  height: 56px;
  text-align: center;
  border-bottom:1px solid #f3f6f7;
}
.squareHome .classify .plate .tit h3 {
  line-height: 56px;
  color: #333;
  font-size:16px;
}
.squareHome .classify .plate .cont {
  width: 100%;
  height: auto;
  margin:20px auto 0;
  overflow: hidden;
}
.squareHome .classify .plate .cont ul {
  width: 100%;
  padding-left:64px;
  margin-bottom:20px;
}
.squareHome .classify .plate .cont ul li {
  width: 100%;
  overflow: hidden;
}
.squareHome .classify .plate .cont ul li img {
  width: 48px;
  height:48px;
  float: left;
}
.squareHome .classify .plate .cont ul li a {
  font-size:14px;
  float: left;
  margin:18px 0 0 10px;
  color: #666;
}
.squareHome .classify .plate .cont ul li a:hover {
  color: #365899;
}



/*plate*/
.squarePlate {
  width: 1180px;
  height: auto;
  margin:0 auto;
  overflow: hidden;
}
.squarePlate .crumbs {
  width: 100%;
  height: auto;
 // line-height: 50px;
}
.squarePlate .crumbs .breadcrumb>li a:hover {
  color: #365899;
}
.squarePlate .plateCont {

  overflow: hidden;
  background: #fff;
  border: 1px solid $Win-border-color;

}
.squarePlate .plateCont .plateInfo {

  height: auto;
}
.squarePlate .plateCont .plateInfo .title {
  width: 100%;
  height: 90px;
  padding:25px;

}
.squarePlate .plateCont .plateInfo .title a.tit {
  font-size:22px;
  color: #333;
  width: 760px;
  display: block;
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}
.squarePlate .plateCont .plateInfo .title a.tit:hover {
  color: #770000;
}
.squarePlate .plateCont .plateInfo .title .tips {
  width: 100%;
  height: 30px;
  line-break: 30px;
  overflow: hidden;
  margin-top:10px;
}
.squarePlate .plateCont .plateInfo .title .tips img {
  float: left;
  width: 22px;
  height: 22px;
  margin-right:3px;
}
.squarePlate .plateCont .plateInfo .title .tips p {
  float: left;
  font-size:14px;
  color: #999;
  margin-right:20px;
}
.squarePlate .plateCont .plateInfo .title .tips >a {
  width: auto;
  height: 24px;
 border:1px solid #dbdbbd;
  text-align: center;
  line-height: 22px;
  font-size:12px;
  color: #666;
  padding:0 5px;
  margin:0 0 0 10px;
}
.squarePlate .plateCont .plateInfo .title .tips a img {
  width: 14px;
  height: 14px;
  margin:5px 3px 0 0 ;
}
.squarePlate .plateCont .plateInfo .title .tips a:hover {
  color: #365899;
}
.squarePlate .plateCont .plateInfo .modular {
  tab-size: 14px;
  text-indent: 28px;
  padding: 25px;
  overflow: visible;
  font-size:15px;
  line-height: 1.5;
}
.squarePlate .plateCont .plateInfo .modular  img
{
  border: 1px solid #ddd;
  //box-shadow: 0 0 30px #ccc;
  //-moz-box-shadow: 0 0 30px #ccc;
  //-webkit-box-shadow: 0 0 30px #ccc;
  margin-bottom: 30px;
  margin-top: 10px;
  max-width: 750px;
  text-align: center;
}
.squarePlate .plateCont .plateInfo .modular  p a {
  color: #54a4b1;
}

.squarePlate .plateCont .plateInfo .share {
  width:100%;
  height: auto;
  margin: 0 auto 20px;
  overflow: hidden;
  padding: 0 20px;
}
.squarePlate .plateCont .plateInfo .share .info {
  margin-left:240px;
  margin-top:5px;
}
.squarePlate .plateCont .plateInfo .share .info p {
  font-size:12px;
  color: #999;
}
.squarePlate .plateCont .plateInfo .operation a {
  width: auto;
  height: 24px;
  border:1px solid #dbdbbd;
  text-align: center;
  line-height: 22px;
  font-size:12px;
  color: #666;
  padding:0 5px;
  margin:0 0 0 10px;
}
.squarePlate .plateCont .plateInfo .operation a img {
  width: 14px;
  height: 14px;
  margin:0 3px 0 0 ;
}
.squarePlate .plateCont .plateInfo .operation a:hover {
  color: #365899;
}
.squarePlate .plateCont .personalInfo {
  width:240px;
  height: auto;
  overflow: hidden;
}
.squarePlate .plateCont .personalInfo .personal {
  width: 100%;
  height: auto;
  position: relative;
  margin:0 auto;
}
.squarePlate .plateCont .personalInfo .personal h3 {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 52px;
  font-size:16px;
  color: #333;
}
.squarePlate .plateCont .personalInfo .personal img.headImg {
  width: 188px;
  height: 188px;
  margin:0 auto;
  display: block;
}
.squarePlate .plateCont .personalInfo .personal img.lz {
  width: 35px;
  height: 34px;
  position: absolute;
  top:0;
  right:0;
  z-index:10;
}
.squarePlate .plateCont .personalInfo .personal span.grade {
  width: 94px;
  height: 26px;
  line-height: 26px;
  position: absolute;
  top:200px;
  left:74px;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: #ef8900;
  text-align: center;
  display: block;
}
.squarePlate .plateCont .personalInfo .num {
  width: 188px;
  height: auto;
  margin:10px auto 0;
  overflow: hidden;
}
.squarePlate .plateCont .personalInfo .num .bigCont {
  width: 120%;
  float: left;
  height: auto;
}
.squarePlate .plateCont .personalInfo .num .bigCont span {
  font-size:14px;
  color: #666;
  text-align: center;
  float: left;
  margin-right:19px;
  width:50px;
  line-height: 24px;
}
.squarePlate .plateCont .personalInfo .btn {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.squarePlate .plateCont .personalInfo .btn a.follow {
  width: 188px;
  height: 30px;
  display: block;
  line-height: 30px;
  margin:10px auto 0;
  background: #01a2f3;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-size:12px;
}
.squarePlate .plateCont .personalInfo .btn a.inf {
  width: 188px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border:1px solid #f3f6f7;
  background: #fff;
  color: #666;
  margin:10px auto 0;
  display: block;
  font-size:12px;
  border-radius: 2px;
}
.squarePlate .plateCont .personalInfo .btn a.inf img {
  margin:-3px 0 0 0;;
  width: 20px;
  height: 15px;
}
.plateReplyCont {
  height: auto;
  margin:20px auto 0;
  overflow: hidden;
  margin-bottom:100px
}
.plateReply {
  height: auto;
  //float: left;
  overflow: hidden;
  background: #fff;
  padding:20px 25px 0 20px;
  border: 1px solid $Win-border-color;
}
.plateReply .title {
  width: 100%;
  margin:0 auto;
  overflow: hidden;
}
.plateReply .title h3 {
  float: left;
  font-size:16px;
  color: #333;
  margin-top: 5px;
}
.plateReply .title a {
  width: 44px;
  height: 28px;
  float: right;
  margin-left:10px;
  border:1px solid #dbdbdb;
  text-align: center;
  line-height: 26px;
  border-radius: 3px;
  font-size:12px;
}
.plateReply .title a:hover, .plateReply .title a.active {
  color: #337ab7;
  border:1px solid #337ab7;
}
.plateReply .replyList {
  width: 100%;
  height: auto;
  margin:0 auto;
  overflow: hidden;
}
.plateReply .replyList .reply {
  width: 100%;
  height: auto;
  margin:0 auto;
  padding-top:20px;
  overflow: hidden;
  padding-bottom:20px;
}
.plateReply .replyList .reply .imgInfo {
  width: 100px;
  height: 100px;
  float: left;
  text-align: center;
}
.plateReply .replyList .reply .imgInfo span {
  width: 56px;
  height: 56px;
  line-height: 52px;
  border:1px solid #e7e7e7;
  border-radius: 50%;
  display: block;
  margin:0 auto;
}
.plateReply .replyList .reply .imgInfo span img {
  width: 48px;
  height: 48px;
  border-radius: 5%;
}
.plateReply .replyList .reply .imgInfo p {
  width: auto;
  border:1px solid #e7e7e7;
  height: 24px;
  padding: 0px;
  line-height: 22px;
  font-size:12px;
  border-radius: 3px;
  color: #666;
  margin-top:10px;
}
.plateReply .replyList .reply .word {
  padding-left:20px;
  overflow: hidden;
}
.plateReply .replyList .reply .word .nameInfo {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.plateReply .replyList .reply .word .nameInfo a {
  width: 80%;
  float: left;
  color: #079798;
  font-size:16px;
  margin-bottom:5px;
}
.plateReply .replyList .reply .word .nameInfo p {
  width: 80%;
  float: left;
  font-size:12px;
  color: #999;
}
.plateReply .replyList .reply .word .nameInfo span {
  width: 18px;
  height: 18px;
  margin-left:10px;
}
.plateReply .replyList .reply .message {
  width: 100%;
  height: auto;
  margin:10px auto 0;
}
.plateReply .replyList .reply .message p {
  line-height: 28px;
  color: #999;
}
.plateReply .replyList .reply .message p a {
  color: #079798;
  padding-right:10px;
}
.plateReplyCont .textarea {
  width: 940px;
  border:1px solid #e7e7e7;
  margin-top:20px;
  padding:10px;
  color: #999;
  float: left;
}
.plateReplyCont .btnBox {
  width: 100%;
  float: left;
  height: auto;
  overflow: hidden;
  margin-top:20px;
}
.plateReplyCont .btnBox p {
  font-size:12px;
  color: #999;
  float: left;
  line-height: 34px;
}
.plateReplyCont .btnBox a {
  width: 188px;
  height: 34px;
  float: right;
  text-align: center;
  line-height: 34px;
  border-radius: 3px;
  color: #fff;
  background: #ff9400;
  font-size:12px;
}
.plateReplyCont .btnBox a:hover {
  background: #fb9a14;
}



ol.breadcrumb{
  padding: 8px 0px;
  margin-bottom: 7px;
}



.topic-reply {
  hr {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  a {
    color: inherit;
  }

  .meta {
    font-size: .9em;
    color: #b3b3b3;
  }
}







